<script setup lang="ts">
    import { toRefs } from 'vue';
    // 属性
    let props = defineProps({
        href: {
            type: String,
            default: ''
        },
        fill: {
            type: String,
            default: ''
        },
        width: {
            type: String,
            default: '30px'
        },
        height: {
            type: String,
            default: '30px'
        }
    });
    let { href, fill, width, height } = toRefs(props)
</script>
<template>
    <svg class="svg-icon" aria-hidden="true" :style="{width, height}">
        <use :xlink:href="href" :fill="fill"></use>
    </svg>
</template>
<style>
    .svg-icon {
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }
</style>